<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="css/styles.css">
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
	<script src="js/javascript.js"></script>
        <script src="js/temp.js"></script>
        <script src= "lib/jquery.mobile-1.4.2/jquery.mobile-1.4.2.js"></script>
        <link rel="stylesheet" type="text/css" href="lib/jquery.mobile-1.4.2/jquery.mobile.theme-1.4.2.css">
        <link rel="stylesheet" type="text/css" href="lib/jquery.mobile-1.4.2/jquery.mobile-1.4.2.css">
        
    </head>
    <body>
    <div data-role="page" id="index">
        <div data-role="header">
            Meun
        <a href="#left-panel" data-role="button" data-icon="bars" data-iconpos="notext" data-theme="b" data-iconshadow="false" data-inline="true"></a>
        </div>
            <div data-role="content">
                <img src = "img/banner-01.png" class="banner">
                <ul>
                    <li>
                        <div id="box">
                            <img src="img/1.jpg" class="item"><br>
                            <div class="item_name">月餅佳餚套裝</div>
                            <div class="item_price">$300</div>
                        </div> 
                    </li>
                    <li>
                        <div id="box">
                            <img src="img/2.jpg" class="item"><br>
                            <div class="item_name">月餅佳餚套裝</div>
                            <div class="item_price">$300</div>
                        </div>
                    </li>
                    <li>
                        <div id="box">
                            <img src="img/3.jpg" class="item"><br>
                            <div class="item_name">月餅佳餚套裝</div>
                            <div class="item_price">$300</div>
                        </div>
                    </li>
                    <li>
                        <div id="box">
                            <img src="img/4.jpg" class="item"><br>
                            <div class="item_name">月餅佳餚套裝</div>
                            <div class="item_price">$300</div>
                        </div>
                    </li>            
                </ul>
        </div>
        <div data-role="panel" id="left-panel">
        <p>Open!</p>
        <a href="#" data-rel="close" data-role="button" data-mini="true" data-inline="true" data-icon="delete" data-iconpos="right">Close</a>
        </div>
    </div>
    </body>
</html>
